<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    计算属性（computed）：它就是一个能够将计算结果缓存起来的属性
    (将行为转化成了静态的属性)，仅此而已;可以想象为缓存！

    结论:
 调用方法时，每次都需要进行计算，既然有计算过程则必定产生
    系统开销，那如果这个结果是不经常变化的呢?此时就可以考虑
    将这个结果缓存起来，采用计算属性可以很方便的做到这一点,
    计算属性的主要特性就是为了将不经常变化的计算结果进行缓
    存，以节约我们的系统开销;

    ps:调用methods方法区的方法，要加上括号{{currentTime1()}}
        调用computed计算属性里面的方法，不需要要加上括号{{currentTime2}}
  -->
<div id="app">
    currentTime1：{{currentTime1()}}<br/>
    currentTime2：{{currentTime2}}
</div>

<!--导入vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<script>
    var vm = new Vue({
        el: "#app",
        methods: {
            currentTime1:function () {
                return Date.now();//返回个时间戳
            }
        },
        computed: {//计算属性
           currentTime2:function () {
               return Date.now();
           }
        }
    })
</script>
</body>
</html>